<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta charset='utf-8'>
        <meta name="author" content="order by dede58.com"/>
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<title>商城</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<meta name="keywords" content="">
		<meta name="description" content="">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/page.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/base.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/my.css" />
		<script src="${pageContext.request.contextPath}/js/jquery-1.8.3.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery.SuperSlide.2.1.js"></script>
	</head>

	<body>

		
		<jsp:include page="title.jsp" flush="true" />
		<jsp:include page="navbar.jsp" flush="true" />
		
		<!--mall star-->
		<div class="mall clearfix">
			<!--sorts star-->
			<div class="sorts clearfix">
				<div class="content clearfix">
					<div class="top clearfix box-s">
						您的位置：热拍商城
					</div>
					
					<div class="listed clearfix box-s">
					<form action="selectLikeAuction">
						<div class="list clearfix fl">
							<p class="bt fl">
								分类：
							</p>
							<div class="right clearfix fl">
								<ul>
									<li class="cur">不限</li>
									<li class="check1" style="width: 30px;"><input name="categoryId" value="1" type="radio" style="display: none;">雕塑</li>
									<li class="check1" style="width: 30px;"><input name="categoryId" value="2" type="radio" style="display: none;">书画</li>
									<li class="check1" style="width: 30px;"><input name="categoryId" value="3" type="radio" style="display: none;">瓷器</li>
									
								</ul>
							</div>
						</div>
						<div class="list clearfix fl">
							<p class="bt fl">
								尺寸：
							</p>
							<div class="right clearfix fl">
								<ul>
									<li class="cur">不限</li>
									<li class="check1" style="width: 30px;"><input name="artSize" value="3*4" type="radio" style="display: none;">3*4</li>
									<li class="check1" style="width: 30px;"><input name="artSize" value="3*6" type="radio" style="display: none;">3*6</li>
									<li class="check1" style="width: 30px;"><input name="artSize" value="5*5" type="radio" style="display: none;">5*5</li>
								</ul>
							</div>
						</div>
						<div class="list clearfix fl">
							<p class="bt fl">
								价格：
							</p>
							<div class="right clearfix fl">
								<ul>
									<li class="cur">不限</li>
									<li class="check1"><input name="auctionNowPrice" value="1000" type="radio" style="display: none;">1000元以下</li>
									<li class="check1"><input name="auctionNowPrice" value="5000" type="radio" style="display: none;">5000元以下</li>
									<li class="check1"><input name="auctionNowPrice" value="10000" type="radio" style="display: none;">10000元以下</li>
									<li class="check1"><input name="auctionNowPrice" value="50000" type="radio" style="display: none;">50000元以下</li>
									<button type="submit" class="search9" style="float: right;">查询</button>
								</ul>
							</div>
						</div>
						
						</form>						
					</div>
				</div>
			</div>
			<!--sorts end-->
			
			<!--sales star-->
			<div class="sales clearfix">
				<div class="content clearfix">
					<div class="top clearfix">
						<div class="left clearfix fl">
							<!--以下li中添加cur的时候是选中的时候-->
							<ul>
								<li>综合排序</li>
								<li class="xliang cur">销量</li>
								<li class="xpin">新品</li>
							</ul>
						</div>
					</div>
					<div class="bottom clearfix">
					<c:forEach items="${auctionInfoList}" var="auctionInfo" varStatus="status">
					<c:if test="${status.count%3==0}">
						<div class="list clearfix transition">
							<div class="tu clearfix">
								<img src="${pageContext.request.contextPath}/upload/2.jpg"/>
								<span></span>
								
								<div class="ycang clearfix">
									<samp class="opa8"></samp>
									<div class="nr clearfix">
										<!--注意：当下方li中添加class名为cur的时候为选中的时候样式-->
										<ul>
											<li class="box-s transition">收藏</li>
										</ul>
									</div>								
								</div>
							</div>
							<div class="xia clearfix box-s">
								<p class="bt over">
									画作${auctionInfo.art.artName}
								</p>
								<div class="price clearfix">
									<span class="fl">当前价:￥${auctionInfo.auctionNowPrice}<samp>起拍价:￥${auctionInfo.auctionStartPrice}</samp></span>
									<a href="${pageContext.request.contextPath}/AuctionInfo/lookArt?auctionInfoId=${auctionInfo.auctionInfoId}&sign=1" class="goumai fr ra3 transition">查看</a>
								</div>
							</div>
						</div><br>	
						</c:if>
						<c:if test="${status.count%3!=0}">
						<div class="list clearfix transition">
							<div class="tu clearfix">
								<img src="${pageContext.request.contextPath}/upload/2.jpg"/>
								<span></span>
								
								<div class="ycang clearfix">
									<samp class="opa8"></samp>
									<div class="nr clearfix">
										<!--注意：当下方li中添加class名为cur的时候为选中的时候样式-->
										<ul>
											<li class="box-s transition">收藏</li>
										</ul>
									</div>								
								</div>
							</div>
							<div class="xia clearfix box-s">
								<p class="bt over">
									画作${auctionInfo.art.artName}
								</p>
								<div class="price clearfix">
									<span class="fl">当前价:￥${auctionInfo.auctionNowPrice}<samp>起拍价:￥${auctionInfo.auctionStartPrice}</samp></span>
									<a href="${pageContext.request.contextPath}/AuctionInfo/lookArt?auctionInfoId=${auctionInfo.auctionInfoId}&sign=1" class="goumai fr ra3 transition">查看</a>
								</div>
							</div>
						</div>	
						</c:if>
						</c:forEach>	
										
					</div>
					<div class="page clearfix ta-right">
					   <c:if test="${page.pageNow>1}">
					          <a href="${pageContext.request.contextPath}/AuctionInfo/list?pageNow=${page.pageNow - 1}" class="pre box-s">上一页</a>  
					   </c:if>
					   <c:forEach begin="1" end="${page.totalPageCount}" step="1" var="i">
					   		<a href="${pageContext.request.contextPath}/AuctionInfo/list?pageNow=${i}">${i}</a>
					   </c:forEach>
						<span>...</span>
						<c:if test="${page.pageNow<page.totalPageCount}">
					          <a href="${pageContext.request.contextPath}/AuctionInfo/list?pageNow=${page.pageNow + 1}" class="pre box-s">下一页</a>  
					   </c:if>
					</div>
				</div>
			</div>
			<!--sales end-->
		</div>
		<!--mall end-->
		
		<jsp:include page="foot.jsp" flush="true" />
	</body>
	<script type="text/javascript">
		$('.listed .list ul li').each(function() {
			$(this).click(function() {
				$(this).siblings("li").removeClass("cur");
				$(this).addClass("cur");
			});
		});
	</script>
	
	<script type="text/javascript">
	$(".check1").click(function(){
	    $(this).find("input[type='radio']").attr("checked",true);
	})
	</script>
	<script src="${pageContext.request.contextPath}/js/other.js" type="text/javascript" ></script>
</html>